<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="lib/jquery-1.8.3.js"></script>
<head>
    <title>Words</title>
</head>
<body>
    <div id="players" hidden=true>
     <span class=pl1> <span id="player1"></span> <span id="score1"></span> </span>
     <span class=pl2> <span id="score2"></span> <span id="player2"></span> </span>
    </div>
    <div id="wait" class="wait" hidden="true">
        <img class="loading" src="img/012.gif">
    </div>
    <div id="gamezone" hidden="true">
    <table id="gametb"></table>
        <input type="button" id="skip" value="Skip turn"/>
    </div>
    <div id="celledit" hidden="true">
        Insert a letter: <input type="text" id="lettertocell" maxlength="1"/> <input type="button" value="OK" id="setcell"/>
        <br>
        <output type="text" id="errormsg"></output>
    </div>
    <output type="text" id="errormsg2"></output>
    <div id="wordoutput" hidden="true">
        Chosen Word:
        <output type="text" id="finalword"></output>
        <br>
        <output type="text" id="errormsg1"></output>
        <br>
        <input type="button" value="Play" id="commitword"/>
        <input type="button" value="Cancel Word" id="cancelword"/>
        <input type="button" value="Reset Table" id="reset"/>

    </div>
</body>
<script src="main.js"></script>
</html>